/*
 * @Author: your name
 * @Date: 2021-08-10 16:04:34
 * @LastEditTime: 2021-08-17 13:16:50
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \firstproject\CSS\starbucks-now.css 
 */
 *{
     margin: 0;
     padding: 0;
 }
 body{
     position: relative;
 }
 /* 页面左边 */
 .container{
     float: left;
     width: 30%;
     height: 100%;
     position: fixed;
     z-index: 9999;
 }
 /* 左边顶部 */
 .header{
     display: inline-block;
     box-sizing: border-box;
     width: 100%;
     height: 96px;
     padding: 24px;
     display: flex;
     justify-content: space-around;
 }
 .logo{
     width: 36px;
     height: 36px;
     float: left;
     margin-right: 12px;
 }
 .logo>img{
     width: 36px;
     height: 36px;
 }
 .primary{
     /* height: 100%; */
     width: 196px;
     height: 43.733px;
     float: left;
 }
 .primary>ul{
     width: 196px;
     height: 35.6px;
     list-style: none;
 }
 .primary a{
     text-decoration: none;
     font-size: 16px;
     font-weight: bold;
     color: black;
     float: left;
     padding: 5px 10px 5px;
 }
 .trigger{
     width: 24px;
     height: 36px;
     float: right;
 }
 .trigger img{
     width: 24px;
     height: 24px;
 }
 /* 左边底部 */
 .container-m{
    width: 100%;
    background-color: darkcyan;
 }
 .container-bottom{
     box-sizing: border-box;
     width: 378.8px;
     width: 100%;
     height: 550px;
     padding: 200px 24px 0 84px;
     float:right;
 }
 .nav-d{
     display: inline-block;
     font-size: 26px;
     font-weight: 700;
     margin-bottom: 12px;
     right: 50px;
     line-height: 36.4px;
     letter-spacing: 0.4px;
 }
 /* 页面右边 */
 .main{
     width: 70%; 
     float: right;
     height: 125px;
     font-size: 0px;
     padding-top: 0px;
 }
 .main>img{
     width: 100%;
     margin-top: 0px;
 }
 .click{
     width: 160px;
     height: 100%;
     opacity: 0;
     position: relative;
     bottom: 126px;
     left: 41%;
 }
 .click>a{
     text-align: center;
     text-decoration: none;
     font-size: 40px;
 }